<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css.css">
    <link rel="stylesheet" href="./css1.css">
</head>
<body>
    <div class="contianer">
         <div class="nav">
             <img src="./01.png" alt="">
        <ul>
             <li>
                <a href="">
                    <div class="box">
                        首页
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="box">
                        人才服务
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="box">
                        千峰教育
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="box">
                        好程序员
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="box">
                        扣丁学堂
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="box">
                        APP外包
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="box">
                        培训服务
                    </div>
                </a>
            </li>
            <li class="last">
                <a href="">
                    <div class="box">
                        创业孵化
                    </div>
                </a>
            </li>
        </ul>
         </div>

         <!-- 轮播图区域 -->
         <div class="banner">
             <img src="./02.png" alt="">
         </div>
          
         <!-- 市场  -->
         <div class="market">
             <ul>
                <li>
                    <img src="./03.png" alt="">
                     <h2>移动产业</h2>
                     <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        国内最大的互联网开发人才提供平台
                    </p>
                    <p>精准高效的人才匹配</p>
                    <p>专业多样的招聘平台</p>
                    <p>覆盖全国的优质资源</p>
                </li>
                <li>
                    <img src="./04.png" alt="">
                    <h2>千锋教育</h2>
                     <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        iOS、Android研发培行业领导品牌
                    </p>
                    <p>最专业的师资队伍</p>
                    <p>最权成的课程体系</p>
                    <p>最前沿的企业内川</p>
                </li>
                </li>
                <li>
                    <img src="./05.png" alt="">
                    <h2>项目研发</h2>
                     <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        知名互联网APP解决方案提供商
                    </p>
                    <p>国内顶级的研发团队</p>
                    <p>高效优质的产品质量</p>
                    <p>全面高效的售后服务</p>
                </li>
                <li class="last">
                    <img src="./06.png" alt="">
                    <h2>创业孵化</h2>
                     <p>
                        &nbsp;&nbsp;
                        卓越的移动互联网孵化基地
                    </p>
                    <p>行业知名的“天使投资导师</p>
                    <p>国内配套的资源支持</p>
                    <p>助力实现创新ldea</p>
                </li>
             </ul>
         </div>

         <!-- 关于 -->
          <div class="about">
              <ul>
                <li first>
                   <img src="./07.png" alt="">
                   <dl>
                     <dt><span class="s1">动态新闻</span></dt>
                     <dd><span class="s2">千峰HTML5"微信小程序"公开课千人齐...</span></dd>
                     <dd><span class="s3">2016年,千峰HTML5"微信小程序"公开课如期</span></dd>
                     <dd><span class="s4">举行,北京科技职业学院报告厅内数千名千峰新老学员...</span></dd>
                     <dd><span class="s5">---------------------------------------------------------------</span></dd>
                     <dd><span class="s6">> 千峰2016年9月份就业榜出炉:769人高薪就业...</span></dd>
                     <dd><span class="s7">> 千峰郑州校区第二届"千峰杯"项目创作大赛...</span></dd>
                     <dd><span class="s8">> 微信小程序开发课程登入千峰教育 一言不合就....</span></dd>
                     <dd><span class="s9">> "千峰VR/AR"巡回公开课辐射全国 混合现实全...</span></dd>
                   </dl>
                   
                </li>
                <li class="last">
                   <span class="b1">
                          与我们洽谈
                   </span>
                   <img src="./08.png" alt="" class="b2"> 
                   <span class="b3">
                      400-654-7778
                   </span>
                   <span class="b4">培训咨询:1234564984</span>
                   <span class="b5">招聘咨询:132123</span>
                   <span class="b6">合作咨询:1323213</span>
                   <span class="b7">企业洽谈:465565165</span>
                </li>
              </ul>
          </div>
          <div class="foot">
              <ul>
                <li class="first"></li>
                
                <li>
                  <img src="./09.png" alt="" class="m1">
                </li>
                
                <li class="last">
                   <img src="./10.png" alt="" class="m2">
                </li>
              </ul>

              <div class="a1">
                 <h4>走近千峰</h4>
                 <p><a href="">千峰简介</a></p>
                 <p><a href="">千峰之路</a></p>
                 <p><a href="">联系我们</a></p>
              </div>
              <div class="a2">
                <h4>人才服务</h4>
                 <p><a href="">企业联盟</a></p>
                 <p><a href="">企业招聘</a></p>
                 <p><a href="">优秀人才</a></p>
                 <p><a href="">名企选会</a></p>
              </div>
              <div class="a3">
                <h4>千峰教育</h4>
                 <p><a href="">ios培训</a></p>
                 <p><a href="">Androi培训</a></p>
                 <p><a href="">HTML5培训</a></p>
                 <p><a href="">UI培训</a></p>
              </div>
              <div class="a4">
                <h4>APP外包</h4>
                 <p><a href="">业务范围</a></p>
                 <p><a href="">案例展示</a></p>
                 <p><a href="">项目优势</a></p>
                 <p><a href="">合作方式</a></p>
              </div>
              <div class="a5">
                <h4>培训服务</h4>
                 <p><a href="">企业内训</a></p>
                 <p><a href="">师资培训</a></p>
              </div>
          </div>
    </div>
</body>
</html>